.resetPassword {
	width: 100%;
	height: 100%;
	background: url($loginBG) no-repeat left top;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	form {
		width: 57%;
		min-width: .43rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-60%); 
		-webkit-transform:translate(-50%,-60%); 
		-o-transform:translate(-50%,-60%); 
		-moz-transform:translate(-50%,-60%); 
		-ms-transform:translate(-50%,-60%);
		.inputItem {
			width: 100%;
			font-size: 0;
			position: relative;
			input {
				margin-bottom: .7rem;
				transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-webkit-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				color: #fff;
				border: none;
				background:none;
				font-family: ".PingFangSC";
				font-size: .28rem;
				height: .7rem;
				border-bottom: solid 2px #9ca8ca;
				width: 100%;
				box-sizing: border-box;
				padding-left: .1rem;
				&:focus {
					border-bottom-color: #e66a6a;
				}
			}
			.getCode {
				font-family: ".PingFangSC";
				font-size: .28rem;
				color: #e66a6a;
				position: absolute;
				top: .15rem;
				right: 0;
				height: .4rem;
			}
			::-webkit-input-placeholder { /* WebKit browsers */ 
				color: #fff; 
			} 
			:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
				color: #fff; 
			} 
			::-moz-placeholder { /* Mozilla Firefox 19+ */ 
				color: #fff; 
			} 
			:-ms-input-placeholder { /* Internet Explorer 10+ */ 
				color: #fff; 
			}
		}
		.btnGroup {
			text-align: center;
			width: 100%;
			font-size: 0;
			padding-top: .5rem;
			.loginBtn {
				width: 90%;
				background: none;
				border: none;
				font-size: .28rem;
				height: .68rem;
				margin: 0 auto;
				border-radius: 100px;
				background-image: linear-gradient(to right, #e66a6a, #ec8e8e);
				color: #fff;
			}
		}
	}
}